<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui" xmlns:pretty="http://ocpsoft.com/prettyfaces">
<f:view locale="#{localeCtrl.locale}">

	<f:metadata>
		<ui:insert name="metadata" />
	</f:metadata>

	<h:head>
		<title><h:outputText value="#{msgs.lotrlcgPageTitle}" /></title>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<meta name="description" content="Warhammer 40,000 Conquest LCG database and deck builder" />
		<h:outputScript library="javax.faces" name="jsf.js" target="head" />
		<h:outputScript library="primefaces" name="primefaces.js" target="head" />
		<h:outputStylesheet name="css/main.css" />
		<h:outputStylesheet name="css/ui.css" />
		<link rel="shortcut icon" type="image/png" href="#{request.contextPath}/images/ready/favicon.png" />
	</h:head>

	<h:body styleClass="conquest">
		<h:panelGroup id="wrapper" layout="block">

			<h:panelGroup id="header" layout="block">
				<h:panelGroup styleClass="container" layout="block">
					<h:form>
						<ul class="nav page-nav">
							<li class="item-left"><pretty:link mappingId="home">
									<f:param value="#{localeCtrl.language}" />
									<h:outputText value="conquest db" />
								</pretty:link></li>
							<li class="item-left"><pretty:link mappingId="cardSearch">
									<f:param value="#{localeCtrl.language}" />
									<h:outputText value="search cards" />
								</pretty:link></li>
							<li class="item-left"><pretty:link mappingId="viewDeckList">
									<f:param value="#{localeCtrl.language}" />
									<h:outputText value="view decks" />
								</pretty:link></li>
							<li class="item-left"><pretty:link mappingId="createDeck">
									<f:param value="#{localeCtrl.language}" />
									<h:outputText value="build deck" />
								</pretty:link></li>
							<li class="item-right"><h:outputLink value="#{request.contextPath}/auth/twitter"
									rendered="#{webUser.notSignedIn}">
									<h:outputText value="sign in" />
								</h:outputLink> <h:outputLink value="#{request.contextPath}/auth/twitter?signout"
									rendered="#{webUser.signedIn}">
									<h:outputText value="sign out" />
									<h:outputText value="&nbsp;[&nbsp;#{webUser.userName}&nbsp;]" style="color: #ccc;" />
								</h:outputLink></li>
						</ul>
					</h:form>
				</h:panelGroup>
			</h:panelGroup>

			<h:panelGroup id="content" styleClass="container" layout="block">
				<ui:insert name="content" />
				<ui:insert name="script" />
			</h:panelGroup>
		</h:panelGroup>

		<h:panelGroup id="footer" layout="block">
			<h:panelGroup styleClass="container" layout="block">
				<h:outputText
					value="This site and the materials published here are not produced or endorsed by Fantasy Flight Publishing, Inc." />
				<br />
				<h:outputText
					value="All card informations and graphics are © 2011 Fantasy Flight Publishing, Inc., all rights reserved. Middle-earth, The Hobbit, The Lord of the Rings, and the characters, items, events and places therein are trademarks or registered trademarks of The Saul Zaentz Company d/b/a Middle-earth Enterprises." />
			</h:panelGroup>
		</h:panelGroup>

		<p:ajaxStatus style="width:128px;height:128px;position:fixed;right:5px;bottom:5px">
			<f:facet name="start">
				<p:graphicImage value="/resources/images/loading-white-bg.gif" />
			</f:facet>

			<f:facet name="complete">
				<h:outputText value="" />
			</f:facet>
		</p:ajaxStatus>
	</h:body>
</f:view>
</html>